<template>
  <div id="questions-app">
    <el-row>
      <el-col :span="12">
        <el-button type="primary">新增</el-button>
        <el-button type="success">高级搜索</el-button>
      </el-col>
      <el-col :span="12">
        <div class="grid-content bg-purple-light"></div>
      </el-col>
      <el-table :data="tableData" border style="width: 80%;margin-top:50px;">
        <el-table-column label="#" type="index" width="50"></el-table-column>
        <el-table-column prop="title" label="题目" width="400"></el-table-column>
        <el-table-column prop="name" label="分类" width="180"></el-table-column>
        <el-table-column prop="name" label="作者" width="180"></el-table-column>
        <el-table-column prop="name" label="发布时间" width="200" sortable></el-table-column>
        <el-table-column prop="address" label="操作">
            <el-button
          size="mini"
          @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
        <el-button
          size="mini"
          type="danger"
          @click="handleDelete(scope.$index, scope.row)">删除</el-button>
        </el-table-column>
      </el-table>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: []
    };
  },
  methods:{
      handleEdit(){

      },
      handleDelete(){

      }
  }
};
</script>

<style scoped>
#questions-app {
  padding: 20px;
}
</style>